<!DOCTYPE html>
<html>

<head>
    <title>千锋教育——做真实的自己,用心做教育</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" href="./css/shopping.css">
    <link rel="stylesheet" href="./css/reset.css">
</head>

<body>
    <header></header>
    <section>
        <div class="container-fulid cart">
            <div class="container">
                <div class="cart_empty">
                    <p>购物车是空的</p>
                    <div class="empty">
                        <a href="index.html">查看更多商品</a>
                    </div>
                    <div class="emptyimg">
                        <img src="https://www.clarins.com.cn/themes/ecstore/images/Bitmap.png">
                    </div>
                </div>
                <div id="main">
                    <h3>购物车(<span>1</span>)</h3>
                    <div class="left">
                        <table cellspacing='0px'>
                            <thead>
                                <tr>
                                    <th colspan="2" class="pro_info">商品信息</th>
                                    <th>商品单价</th>
                                    <th>数量</th>
                                    <th>小计</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody class="tbod">
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td colspan="6" style="border-bottom: 1px solid #e5e5e5;">
                                        <div class="box">
                                            <img src="./images/gift_ico.png" alt="">
                                            我的试用(0/3) <span style="display: inline-block; margin-left: 750px;">去选择
                                                ></span>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="js">
                                    <td colspan="6">已选商品 <span class="goods-num">0</span>件，总价￥<span
                                            class="goods-price">0</span>
                                        <input type="button" class="goods" value="下单结算">
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    <div class="right" style="width: 302px; text-align: left; position: absolute; top: 20px; right: 0;">
                        <h5>订单结算</h5>
                        <p style="font-size: 12px; text-align: left; margin: 10px 0;">优惠券代码</p>
                        <input type="text" placeholder="请输入优惠码"
                            style="width: 142px;height:40px;border: 1px solid #e5e5e5;outline: none; background-color: #fff;font-size: 12px;padding-left: 10px;">
                        <button
                            style="height: 40px;width: 90px;font-size: 12px;background-color: black;text-align: center;color: #fff;">应用</button>
                        <i>暂无可用优惠劵</i>
                        <div class="box1">
                            <p>商品价格 <span>￥960.0</span></p>
                            <p>优惠金额 <span>￥0.0</span></p>
                        </div>
                        <p style="font-size: 12px; margin: 15px 0 5px 0;">总价<span style="font-size: 20px;">￥960.0</span>
                        </p>
                        <button
                            style="width: 242px; height: 40px; color: #fff;background-color: black; text-align: center;font-size: 12px;">下单结算</button>
                    </div>
                </div>
            </div>
            <div style="width: 1250px; margin: 0 auto;">
                <p style="color: #999;font-size: 12px;text-align: left; height: 20px; margin-top: 20px;">
                    娇韵诗提醒广大消费者，为避免买到假货，保证您的自身利益，请从娇韵诗正规销售渠道（商场专柜、丝芙兰、娇韵诗官网及天猫旗舰店、娇韵诗SPA）购买娇韵诗产品。</p>
                <div class="gallery">
                    <p><span>最近查看</span></p>
                </div>
            </div>
        </div>
        </div>
    </section>
    <footer></footer>
</body>

</html>
<script src="./js/jQuery.js"></script>
<script src="./js/cookie.js"></script>
<script src="./js/shopping.js"></script>

<script>
    $("header").load("header.html");
    $("footer").load("footer.html");
    if (getCookie("username") != "") {
        $(".cart_empty").css({
            display: "none",
        });
        $("#main").css({
            display: "block"
        })
    } else {
        $(".cart_empty").show();
        $("#main").hide();
    }
    
</script>